@media (min-width: 1661px) {

 	.page-sidebar {float:left;width: 12%;display:block;line-height:40px;}
  	.page-content {float:left;width:88%;box-sizing:border-box;}

}
@media (min-width: 1367px) and (max-width: 1660px) {

 	.page-sidebar {float:left;width: 14%;display:block;line-height:40px;}
  	.page-content {float:left;width:86%;box-sizing:border-box;}

}
@media (min-width: 1280px) and (max-width: 1366px) {

 	.page-sidebar {float:left;width: 15%;display:block;line-height:40px;}
  	.page-content {float:left;width: 85%;box-sizing:border-box;}

}

@media (min-width: 980px) and (max-width: 1279px) {

 	.page-sidebar {position:absolute;z-index:99;top:42px;left:0;width: 18%;display:none;line-height:40px;}
  	.page-content {width: 100%;box-sizing:border-box;}
	.loginleft {display:none;}
	.logintt, .loginmain {margin-left:-250px !important;}
}

/***
For tablets and phones
***/
@media (min-width: 768px) and (max-width: 979px) {

 	.page-sidebar {position:absolute;z-index:99;top:42px;left:0;width: 25%;display:none;line-height:40px;}
  	.page-content {width: 100%;box-sizing:border-box;}
	.loginleft {display:none;}
	.logintt, .loginmain {margin-left:-250px !important;}

}

@media (max-width: 767px) {

	.page-sidebar {position:absolute;z-index:99;top:42px;left:0;width: 40%;display:none;line-height:40px;}
  	.page-content {width: 100%;box-sizing:border-box;}
	.loginleft {display:none;}
	.logintt, .loginmain {margin-left:-250px !important;}
}

@media (max-width: 480px) {
	.page-sidebar {position:absolute;z-index:99;top:42px;left:0;width: 40%;display:none;line-height:40px;}
  	.page-content {width: 100%;box-sizing:border-box;}
	.loginleft {display:none;}
	.logintt, .loginmain {margin-left:-250px !important;}

}

@media (max-width: 320px) {


}